.row {
    width: 100%}
.row::after {
  content: ' ';
  clear: both;
  display: block;}
.row .col {
    float: left; }
    .row .col.s1 {
      width: 8.333333333%; }
    .row .col.s2 {
      width: 16.666666667%; }
    .row .col.s3 {
      width: 25%; }
    .row .col.s4 {
      width: 33.333333333%; }
    .row .col.s5 {
      width: 41.666666667%; }
    .row .col.s6 {
      width: 50%; }
    .row .col.s7 {
      width: 58.333333333%; }
    .row .col.s8 {
      width: 66.666666667%; }
    .row .col.s9 {
      width: 75%; }
    .row .col.s10 {
      width: 83.333333333%; }
    .row .col.s11 {
      width: 91.666666667%; }
    .row .col.s12 {
      width: 100%; }
  @media (min-width: 600px) {
    .row .col.sm1 {
      width: 8.333333333%; }
    .row .col.sm2 {
      width: 16.666666667%; }
    .row .col.sm3 {
      width: 25%; }
    .row .col.sm4 {
      width: 33.333333333%; }
    .row .col.sm5 {
      width: 41.666666667%; }
    .row .col.sm6 {
      width: 50%; }
    .row .col.sm7 {
      width: 58.333333333%; }
    .row .col.sm8 {
      width: 66.666666667%; }
    .row .col.sm9 {
      width: 75%; }
    .row .col.sm10 {
      width: 83.333333333%; }
    .row .col.sm11 {
      width: 91.666666667%; }
    .row .col.m12 {
      width: 100%; } }
  @media (min-width: 900px) {
    .row .col.m1 {
      width: 8.333333333%; }
    .row .col.m2 {
      width: 16.666666667%; }
    .row .col.m3 {
      width: 25%; }
    .row .col.m4 {
      width: 33.333333333%; }
    .row .col.m5 {
      width: 41.666666667%; }
    .row .col.m6 {
      width: 50%; }
    .row .col.m7 {
      width: 58.333333333%; }
    .row .col.m8 {
      width: 66.666666667%; }
    .row .col.m9 {
      width: 75%; }
    .row .col.m10 {
      width: 83.333333333%; }
    .row .col.m11 {
      width: 91.666666667%; }
    .row .col.m12 {
      width: 100%; } }
  @media (min-width: 1200px) {
    .row .col.l1 {
      width: 8.333333333%; }
    .row .col.l2 {
      width: 16.666666667%; }
    .row .col.l3 {
      width: 25%; }
    .row .col.l4 {
      width: 33.333333333%; }
    .row .col.l5 {
      width: 41.666666667%; }
    .row .col.l6 {
      width: 50%; }
    .row .col.l7 {
      width: 58.333333333%; }
    .row .col.l8 {
      width: 66.666666667%; }
    .row .col.l9 {
      width: 75%; }
    .row .col.l10 {
      width: 83.333333333%; }
    .row .col.l11 {
      width: 91.666666667%; }
    .row .col.l12 {
      width: 100%; } }